<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery3.min.js"></script>
		<meta name="referrer" content="no-referrer"/>
		<title>大麦网</title>
		<link rel="stylesheet" type="text/css" href="css/barley.css"/>
		<link rel="shortcut icon" href="imgs/favicon.ico"/>    <!-- 页面插入图片 -->
		<link rel="stylesheet" type="text/css" href="css/homepage.css"/>
		<style type="text/css">
			*{
				margin: 0;
				padding:0;
				text-decoration: none;
				list-style: none;
				outline: none;
			}
			.page-intro{
				position: relative;
				width: 1200px;
				height: 500px;
				margin: 0 auto;
				border: 1px solid #ebebeb; 
				margin-top:40px;
				/*box-shadow: 12px 5px 12px -6px #999;*/
			}
			.page-intro > .right{
				width: 870px;
				height: 400px;
				/* border: 1px solid black; */
				float: right;
				margin-left: 26px;
			}
			.page-intro img{
				width: 270px;
				height: 360px;
				/* border: 1px solid red; */
				margin-left: 30px;
				float: left;
			}
			.title{                 /* 第一行文本*/
				width: 100%;
				height: 32px;
				/* border: 1px solid red; */
				font-size: 22px;
				color: #000;
			}
			.title_two{
				height: 42px;
				/* border: 1px solid red; */
				margin-top: 20px;
				font-size: 16px;
				color: #4a4a4a;
			}
				.title_three{
				height: 25px;
				/* border: 1px solid black; */
				margin-top: 10px;
				position: relative;
				color: #4a4a4a;
			}
			.title_four{
				height: 52.5px;
				/* border: 1px solid red; */
				margin-top: 22px;
				
			}
			.title_four_left{
				width: 100px;
				font-size: 16px;
			    color: #4a4a4a;
			    height: 48px;
			    line-height: 48px;
			    /* border: 1px solid black; */
			    float: left;
			}	
			.title_four_right{
				 width: 170px;
				height: 38px;
				border-color: #ff1268;
				color: #ff1268;
				outline: 1px solid #ff1268;
				border: 1px solid #ff1268;
				background: url(imgs/less.png) no-repeat 117px 0;
				background-size: 18px 18px;
				background-position: 100% 100%;
				float: left;
				margin-left: -10px;
				text-align: center;
				font-size: 13px;
				line-height: 38px;
			}
			.title_five{
				height: 88.5px;
				/* border: 1px solid red; */
				margin-top: 20px;
			}
			
			.title_five_left{
				width: 100px;
				font-size: 16px;
			    color: #4a4a4a;
			    height: 48px;
			    line-height: 48px;
			    /* border: 1px solid black; */
			    float: left;
			}
			
			.title_five_right{
				width: 100px;
				height: 88px;
				border-color: #ff1268;
			    color: #ff1268;
			    outline: 1px solid #ff1268;
				border: 1px solid #ff1268;
				background: url(imgs/less.png) no-repeat 147px 0;
				background-size: 18px 18px;
				background-position: 100% 100%;
			    float: left;
			    margin-left: -10px;
				text-align: center;
				font-size: 13px;
				line-height: 88px;
			}
			
			.title_six{
				width: 210px;
				height: 40px;
				margin-left: 88px;
				margin-top: 20px;
				line-height: 40px;
			    background-color: #ff1268;
			    color: #fff;
			    font-size: 14px;
			    font-weight: 400;
			    text-align: center;
			    cursor: pointer;
			    -webkit-border-radius: 3px;
			    -moz-border-radius: 3px;
			    border-radius: 3px;
			}
			.scan{
				position: absolute;
				right: 30px;
				bottom: 60px;
				/*border:1px solid #ededed;*/
				z-index: 1000;
			}
			.scan .scan_box{
				position: relative;
				width: 88px;
				display: block;
			}
			.scan .scan_img{
				position: absolute;
				top: -65px;
				left: -100px;
				display: block;
				margin: 0 auto;
				width: 88px;
				height: 88px;
				padding: 4px;
				border: 1px solid #ddd;
			}
			.scan .scan_words{
				position: absolute;
				top: -37px;
				left: -104px;
				right: 0;
				padding-top: 15px;
				width: 105px;
				height: 33px;
				cursor: pointer;
				padding-bottom: 20px;
				text-align: center;
				font-size: 12px;
				color: #000;
				box-shadow: 1px 1px 1px 1px #efefef;
    			background-color: hsla(0,0%,100%,.95);
    			z-index: 100;
			}
			
			.scan .scan_words .scan_icon{
				display: block;
				width: 20px;
				height: 20px;
				position: absolute;
				top: -8px;
				left: 44px;
				background: url(imgs/updown.png) no-repeat 0 -20px;
			}
			 .content{
			width: 1200px;
			height: 26px;					
			/* float: left;					 */
			margin-top: 21px;
			/*border: 1px solid red;*/
			/* margin-left: 80px; */
		}
				.Subject_one{
			width: 160px;
			height: 50px;
			font-size: 16px;
			line-height: 50px;
			text-align: center;
		    color: #000;
		    background-color: #fff;
		    cursor: pointer;
		    border-top: 1px solid #ff1268;
		    /*border-bottom: 1px solid #ddd;*/
		    border-width: 4px 1px 1px;
		    float: left;
		    margin-top: -21px;
		}
				.Subject_two{
			width: 160px;
			height: 50px;
			font-size: 16px;
			line-height: 50px;
			text-align: center;
		    color: #000;
		    background-color: #fff;
		    cursor: pointer;
		    border-top: 1px solid #ddd;
		    /*border-bottom: 1px solid #ddd;*/
		    border-width: 4px 1px 1px;
		    float: left;
			margin-left: 20px;
		    margin-top: -21px;
		}
		
		#shopping{
			clear: both;
			width: 1118px;
			height: auto;
			border: 1px solid #ebebeb; 
			margin: 0 auto;
			padding: 40px;
		    margin-top: -21px;
			/*box-shadow: 0px 7px 12px 12px #999;*/
			/* display: none; */
		}
		
		#youkonw{
			clear: both;
			width: 1118px;
			height: auto;
			border: 1px solid #ebebeb;
			margin: 0 auto;
			padding: 40px;
			/*box-shadow: 0px 7px 12px 12px #999;*/
			display: none;
		    margin-top: -21px;
		}
		.color{
			color: #999;
		}
		#neartop{
			margin-top: 15px;
		}
		#neartop2{
			margin-top: 50px;
			line-height: 25px;
		}
		#more{
			line-height: 40px;
		}
		#youkonw p
		</style>
	</head>
	<body>
		<!-- 顶部 -->
		<div class="navigation_warp">
			<div class="navigation_nav">
				<div class="nav_left">
					<img src="imgs/barley.png" alt="barley">
					
					<div class="nationwide">
						<span class="landmark">
							<img src="imgs/landmark.png" alt="landmark">
						</span>
						<a href="#">全国</a>
						<span class="subscript">
							<img src="imgs/subscript.png" alt="">
						</span>
						<!-- 二级菜单 -->
						<div class="nationwide_city">
							<span class="bignum_img"><img src="imgs/bignum.png" alt="大于号"></span>
							<div class="present_tow">
								<span class="title_city">当前城市：</span>
								<p class="above">
									
									<span class="all_city">		全国			
									</span>
		
								</p>
								<span class="title_city">热门城市：</span>
								<p class="above aboves">								
									<span>全国</span>
									<span>北京</span>
									<span>上海</span>
									<span>深圳</span>
									<span>广州</span>
									<span>杭州</span>
									<span>天津</span>
									<span>重庆</span>
									<span>成都</span>
									<span>香港</span>
								</p>
							</div>
							<div class="present_all">
								<span class="title_city">其他城市：</span>
								<div class="other_city ">					
									<p>
									<span>上海</span>
									<span>北京</span>
									<span>深圳</span>
									<span>杭州</span>
									<span>武汉</span>
									<span>杭州</span>
									<span>天津</span>
									<span>成都</span>
									<span>广州</span>
									<span>重庆</span>
									<span>苏州</span>
									</p>
									<p>
									<span>南京</span>
									<span>西安</span>
									<span>宁波</span>
									<span>青岛</span>
									<span>长沙</span>
									<span>贵阳</span>
									<span>合肥</span>
									<span>昆明</span>
									<span>济南</span>
									<span>石家庄</span>
									</p>
									<p>
									<span>郑州</span>
									<span>厦门</span>
									<span>无锡</span>
									<span>南宁</span>
									<span>常州</span>
									<span>南昌</span>
									<span>香港</span>
									<span>哈尔滨</span>
									</p>
									<p>
									<span>沈阳</span>
									<span>绍兴</span>
									<span>潍坊</span>
									<span>大连</span>
									<span>宜昌</span>
									<span>长春</span>
									<span>佛山</span>
									<span>包头</span>
									<span>珠海</span>
									<span>南通</span>
									</p>
									<p>
									<span>中山</span>
									<span>东莞</span>
									<span>兰州</span>
									<span>海口</span>
									<span>呼和浩特</span>
									<span>江门</span>
									<span>银川</span>
									<span>河源</span>
									<span>澳门</span>
									<span>株洲</span>
									</p>
									<p>
									<span>惠州</span>
									<span>泰州</span>
									<span>金华</span>
									<span>丽水</span>
									<span>马鞍山</span>
									<span>泉州</span>
									<span>西宁</span>
									<span>扬州</span>
									<span>黄冈</span>
									<span>嘉兴</span>
									</p>
									<p>
									<span>廊坊</span>
									<span>台州</span>
									<span>唐山</span>
									<span>徐州</span>
									<span>大同</span>
									<span>桂林</span>
									<span>柳州</span>
									<span>温州</span>
									<span>芜湖</span>
									<span>宜春</span>
									</p>
									<p>
									<span>蚌埠</span>
									<span>荆州</span>
									<span>烟台</span>
									<span>黔南</span>
									<span>秦皇岛</span>
									<span>遵义</span>
									<span>承德</span>
									<span>洛阳</span>
									<span>绵阳</span>
									<span>莆田</span>
									</p>
									<p>
									<span>三亚</span>
									<span>汕头</span>
									<span>岳阳</span>
									<span>张家口</span>
									<span>淄博</span>
									<span>阿坝</span>
									<span>鞍山</span>
									<span>安庆</span>
									<span>保定</span>
									<span>北海</span>
									</p>
									<p>
									<span>本溪</span>
									<span>滨州</span>
									<span>昌吉</span>
									<span>鄂尔多斯</span>
									<span>抚顺</span>
									<span>广安</span>
									<span>邯郸</span>
									<span>菏泽</span>
									<span>红河</span>
									<span>湖州</span>
									</p>
									<p>
									<span>黄石</span>
									<span>济宁</span>
									<span>焦作</span>
									<span>乐山</span>
									<span>丽江</span>
									<span>凉山</span>
									<span>萍乡</span>
									<span>三门峡</span>
									<span>上饶</span>
									<span>韶关</span>
									</p>
									<p>
									<span>台北</span>
									<span>泰安</span>
									<span>文山</span>
									<span>乌海</span>
									<span>乌鲁木齐</span>
									<span>咸阳</span>
									<span>湘潭</span>
									<span>邢台</span>
									<span>盐城</span>
									<span>云浮</span>
									</p>
									<p>
									<span>肇庆</span>
									<span>镇江</span>
									<span>境外</span>
									</p>
								</div>
							</div>
						</div>
					</div>
					<span class="nav-text1">首页</span>
					<span class="nav-text2">分类</span>
					
				</div>
				<div class="nav-center">
						<img src="imgs/search.png" width="17px"/>
						<input type="text" name="search" id="search" placeholder="搜索明星、演出、体育赛事" value="" />
						<div type="button" class="search-btn" onclick="ss()">搜&nbsp;索</div>
				</div>
				<div class="nav_right">
					<div class="nav-right-left">
						<span><img src="imgs/register.png" alt=""></span>
						<span class="enter_left">登录</span>
						<div class="login-sub">
						<span><img src="imgs/bignum.png" alt="bignum"></span>
							<div class="login-sjx">
							<a href="#">个人信息</a>
							<a href="#">账号设置</a>
							<a href="#">订单管理</a>
							</div>
						</div>
					</div>
					<div class="nav_right_center">
						<span><img src="imgs/phone.png" alt=""></span>
						<span class="enter_left">登录</span>
						<div class="login_ewm">
						<span><img src="imgs/bignum.png" alt="bignum"></span>
							<img src="imgs/code.png" alt="code">
						</div>
					</div>
					<div class="nav_right_right">
						<span><img src="imgs/EN.png" alt=""></span>
						<span class="enter_left">English</span>
					</div>
				</div>
			</div>
		</div>
		<div class="cl"></div>
		<!-- 顶部结束 -->
		<!-- 传入的信息 -->
		<!-- 外部大体 -->
		<div class="page-intro">
			<div class="right">  <!-- 右边布局 -->
			<div class="title"></div>
			<div class="title_two">时间：</div>
			<div class="title_three"> 场馆：</div>   
				<div class="title_four">        <!-- 第四行场次 -->
					<div class="title_four_left">选择场次</div>
					<div class="title_four_right"></div>
				</div>   
				<div class="title_five">       <!-- 第五行票价 -->	
					<div class="title_five_left">选择票价</div>
					<div class="title_five_right"></div>
				</div>  	
				<div class="title_six">选座购买</div>   <!-- 第六行选坐购买 -->	
				<div class="scan">   <!-- 第七行手机扫二维码 -->
					<a href="" class="scan_box">
						<img src="imgs/scan.jpg" alt="" class="scan_img"/>
						<div class="scan_words">
							<span class="scan_icon"></span>
							<p>手机扫一扫</p>
							<p>下单更快捷</p>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!-- 传入信息结束 -->
		<!-- 详情及购票须知 -->
		<div class="content">				
				<div class="Subject_one">商品详情</div>
				<div class="Subject_two">购票须知</div>
		</div>
		<!-- 详情及购票须知结束 -->
		
		<!-- 商品详情开始 -->
			<div id="shopping">	
			<div style="font-size: 20px;">观演须知</div>
			<p style="border: 1px solid gray;"></p>
			<div id="neartop"><span class="color">演出时长</span>
			<p>约120分钟（以现场为准）</p>
			</div>
			<div id="neartop"><span class="color">实名制</span>
			<p>购买时您需要输入购票人身份证信息，每笔订单对应一个证件号</p>
			</div>
			<div id="neartop"><span class="color">退还说明</span>
			<p>票品不支持退换。如无法正常观看，还请自行处理，给您带来不便敬请谅解</p>
			</div>
			<div id="neartop"><span class="color">儿童入场说明</span>
			<p>儿童一律凭成人票入场</p>
			</div>
			<div id="neartop"><span class="color">入场时间</span>
			<p>提前约90分钟</p>
			</div>
			<div id="neartop"><span class="color">座位类型</span>
			<p>请按门票对应位置，有序对号入座</p>
			</div>
			<div id="neartop"><span class="color">发票说明</span>
			<p>如需发票，请您在演出开始前通过订单页补开，发票将在演出结束后1个月左右，统一由开具方提供</p>
			</div>
			<div id="neartop"><span class="color">禁止携带物品</span>
			<p>由于安保和版权的原因，大多数演出、展览及比赛场所禁止携带食品、饮料、专业摄录设备、打火机等物品，请您注意现场工作人员和广播的提示，予以配合</p>
			</div>
			<div id="neartop"><span class="color">物品寄存</span>
			<p>无寄存处，请自行保管携带物品</p>
			</div>
			<div id="neartop"><span class="color">最低演出时长</span>
			<p>120分钟</p>
			</div>
			<div id="neartop"><span class="color">最低演出曲目数</span>
			<p>18首</p>
			</div>
			<div id="neartop"><span class="color">主要演员（团体）</span>
			<p id="actor"></p>
			</div>
			<div id="neartop"><span class="color">大麦网首次开售时全场可售门票总张数</span>
			<p>5000张</p>
			</div>
			<div id="neartop" style="font-size: 20px;">演出介绍</div>
			<p style="border: 1px solid gray;"></p>
			<p id="more"></p>
			</div>
		<!-- 商品详情结束 -->
		<!-- 隐藏的商品详情开始-->
		<div id="youkonw">
			<div>支付及配送</div>
			<p style="border: 1px solid gray;"></p>
			<div id="neartop2">选座
			<p>1.本项目部分场次支持自助选座。</p>
			<p>2.请根据具体场次进行先选座后支付或在支付完成之后根据订单页面提示选座。</p>
			</div>
			<div id="neartop2">快递
			<p>1.同城10.0元，发货后1-3天到达；省内12.0元，发货后1-3天到达；其他地区18.0元，发</p>
			<p>货后1-3天到达；澳门、香港、台湾40.0元，发货后1-5天到达。</p>
			<p>2.演出前4天不支持快递。</p>
			</div>
		</div>
		<!-- 隐藏的商品详情结束 -->
		
	<!-- 底部开始 -->
		<div class="footer">
		<div class="ft-content">
			<ul class="ft-links">
				<li class="ft-links-list">
					<a href="https://help.damai.cn">帮助中心</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=69&amp;categoryId=30">公司介绍</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=70&amp;categoryId=30">品牌识别</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=72&amp;categoryId=30">公司大事记</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=40&amp;categoryId=14">协议及隐私权政策</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://jubao.alibaba.com/internet/readme.htm?spm=a2o6e.search.0.0.72f44d15Votov6&amp;site=damai">廉正举报</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://help.damai.cn/helpPage.htm?pageId=58&amp;categoryId=5" target="_blank" data-spm="flink6">联系合作</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://job.alibaba.com/zhaopin/positionList.htm?keyWord=JXU1OTI3JXU5RUE2&amp;_input_charset=UTF-8">招聘信息</a>
				</li>
				<li class="ft-links-grep">|</li>
				<li class="ft-links-list">
					<a href="https://x.damai.cn/markets/special/fangzhapian?spm=a2o6e.home.0.0.75df48d3hqGWGD&amp;wh_ttid=pc">防骗秘籍</a>
				</li>
			</ul>
			<div class="ft-ft">
				<div class="ft-l">
					<a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B" class="ft-l-logo">
						<img src="imgs/ft-l-logo.png" alt="">
					</a>
					<div class="ft-l-codebox">
						<img src="imgs/code.png" alt="" class="code">
						<span>APP下载</span>
					</div>
				</div>
				<div class="ft-r">
					<div class="ft-r-contact">
						<a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3" class="ft-r-contact-btn" style="margin-left: 0;">在线客服</a>
					</div>
					<ul class="ft-r-words">
						<li class="ft-certifivate">
							<a href="http://www.miitbeian.gov.cn?spm=a2o6e.home.0.0.5b4d48d3mVzb2Z">京ICP证031057号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="http://www.miitbeian.gov.cn">京ICP备11043884号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502037341">京公网安备11010502037341号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="imgs/license.jpg">广播电视节目制作经营许可证(京)字第02253号</a>
						</li>
					</ul>
					<ul class="ft-r-words">
						<li class="ft-certifivate">
							<a href="imhgs/1111.jpg">网络文化经营许可证
	                    京网文[2016]3438-413号</a>
						</li>
						<li class="ft-grep">|</li>
						<li class="ft-certifivate">
							<a href="imgs/2222.jpg">营业性演出许可证
	                    京市演587号</a>
						</li>
					</ul>
					<ul class="ft-r-words">
						<li class="ft-certifivate">北京红马传媒文化发展有限公司 版权所有</li>
						<li class="ft-certifivate">
							<a href="https://www.damai.cn/?spm=a2o6e.home.0.0.591b48d3QzpG8B">大麦网</a>
						</li>
						<li>Copyright 2003-2018 All Rights Reserved</li>
					</ul>
					<ul class="ft-r-words">
						<li>举报投诉邮箱：damai_tousu@member.alibaba.com</li>
					</ul>
					<div class="ft-r-img">
						<a href="#"><img src="imgs/one.gif" alt="" width="120" height="30"></a>
						<a href="https://img.alicdn.com/tfs/TB1CChlpwDqK1RjSZSyXXaxEVXa-1200-1672.jpg"><img src="imgs/two.png" alt="" width="122" height="30"></a>
						<a href="https://www.pcisecuritystandards.org/"><img src="imgs/three.png" alt="" width="49" height="30"></a>
						<a href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/1756737221"><img src="imgs/four.png" alt=""></a>
						<a href="https://search.szfw.org/cert/l/CX20130327002367002885"><img src="imgs/five.png" alt="" width="85" height="30"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部结束 -->
		<!-- 右侧固定 -->
	<div class="sidebar">
		<div class="item">
			<a href="https://passport.damai.cn/login" class="alime">
				<div class="icon service"></div>
				<p>在线客服</p>
			</a>
		</div>
		<div class="item middle" style="border-bottom-width: 1px;">
			<a href="https://online.damai.cn/alime/index?from=damai_pc_item&v=3" class="alime">
				<div class="icon damai"></div>
				<p>APP下载</p>
				<div class="qrcode">
					<img src="imgs/code.png" alt="" width="72" height="72">
				</div>
			</a>
		</div>
		<div class="item go-top" style="border-bottom-width: 0;">
			<div class="icon gotop"></div>
			<p>回到顶部</p>
		</div>
	</div>
		<!-- 右侧固定结束 -->
	</body>
	<script type="text/javascript">
		//接收传过来的参数
	var get = location.href;  //get存储接收的did
	console.log(get)
	var newid = get.split("?")[1];
	var arr = newid.split("=")[1]
	// var arr = newid.split("=");
	var arr1 = parseInt(arr)-1;
	console.log(arr1);
	
		
		//数据内容存储
		var count = 30;  //显示八条数据
		$(function (){
		$.ajax({
			type:"get",
			url:"http://47.99.153.121:8021/index.php/index/detailsContent",
			dataType: 'json',
			data:{count},
			success:function(res){
				console.log(res)
				
				// var div ='<div id="movies"><img width="270" height="360" src="'+res[0].poster+'">'+'<p id="title">'+'<span>'+'【'+res[0].city+'站'+'】'+'</span>'+res[0].title+'</p>'+'<p id="time">'+'时间：'+res[0].releasetime+'</p>'+'<p id="place">'+'场馆：'+res[0].address+'</p>'+'</div>'
				//插入图片
			var img = '<img src="'+res[arr1].poster+'">';
			 $(".page-intro").prepend(img);
				//插入第一行文本(标题)
// 			var firstText='<div class="title">'+res[0].title+'</div>';
// 			 $(".right").append(firstText);
				$(".title").append(res[arr1].title)
				//插入第二行文本(时间)
// 			var twoText = '<div class="title_two">'+'时间：'+res[0].releasetime+'</div>';
// 			$(".right").append(twoText);
				$(".title_two").append(res[arr1].releasetime);
				//插入第三行文本(地点)
// 			var threeText = '<div class="title_three">'+'场馆：'+res[0].address+'</div>';
// 			$(".right").append(threeText);
				$(".title_three").append(res[arr1].address)
				//插入场次
				$(".title_four_right").append(res[arr1].releasetime)
				//插入票价
				$(".title_five_right").append(res[arr1].price)
				//插入演出作者
				$('#actor').append(res[arr1].profermer)
				//插入演出介绍
				$('#more').append('&nbsp;'+res[arr1].content)
			}
		})
		})
		//点击隐藏
		 $(".Subject_one").click(function(){

	 	$(this).css("border-color","#ff1268 #eee transparent")
		$(".Subject_two").css("border-color","#bbb #eee transparent")
		$('#youkonw').css('display','none')
		$('#shopping').css('display','block');

	})

	  $(".Subject_two").click(function(){

	 	$(".Subject_one").css("border-color","#bbb #eee transparent")
		$(this).css("border-color","#ff1268 #eee transparent")
		$('#shopping').css('display','none');
		$('#youkonw').css('display','block')
		

	})

	//回到顶部
	$(window).scroll(function(){
		var offsetHeight = document.documentElement.offsetHeight;
		// console.log(offsetHeight)
		var clientHeight = document.documentElement.clientHeight;
		// console.log(clientHeight)
		var scrollTop = document.documentElement.scrollTop;
		// console.log(scrollTop)
		// var scrollBottom = offsetHeight - clientHeight - scrollTop;
		// console.log(scrollBottom)
		if(scrollTop>80){
			$(".sidebar .go-top").show();
			$(".sidebar .go-top").click(function(){
				scrollTo(0,0);
			})
		}else{
			$(".sidebar .go-top").hide();
		}
	})

	//鼠标移入二维码，放大
	$(".scan_box .scan_words").mouseenter(function(){
		$(".scan_box .scan_img").css("top","-135px");
		$(".scan_box .scan_words .scan_icon").css("background-position","0 0")
	})
	$(".scan_box .scan_words").mouseleave(function(){
		$(".scan_box .scan_img").css("top","-65px");
		$(".scan_box .scan_words .scan_icon").css("background-position","0 -20px")
	})
	$(".scan_box .scan_img").mouseenter(function(){
		$(this).css("top","-135px");
		$(this).css("transform","scale(1.1)");
		$(".scan_box .scan_words .scan_icon").css("background-position","0 0")
	})
	$(".scan_box .scan_img").mouseleave(function(){
		$(this).css("top","-65px");
		$(this).css("transform","scale(1)");
		$(".scan_box .scan_words .scan_icon").css("background-position","0 -20px")
	})
	</script>
</html>
